import { PageContainer } from '@ant-design/pro-components';
import BarChart from './barChart';
// import styles from './index.less';
import style from './index.module.css';
import LineChart from './lineChart';
import PieChart from './pieChart';
import RoseChart from './roseChart';
const HomePage = () => {
  // const { name} = useModel('global');
  // const { initialState, loading, error, refresh, setInitialState } =
  // useModel('@@initialState');
  // console.log(initialState)
  return (
    <PageContainer>
      {/* <div className={styles.container}>
        <Guide name={trim(name)} />
        
      </div> */}
      <div className={style.top}>
        <PieChart className={style.pie} />
        <BarChart className={style.bar} />
        <PieChart className={style.pie} />
      </div>
      <div className={style.bottom}>
        <RoseChart className={style.rose1} />

        <LineChart className={style.line} />
      </div>
    </PageContainer>
  );
};

export default HomePage;
